<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<?php
        include WEB_ROOT.'/application/gui/default/component/head.php';
    ?>
</head>

<body>

    <!--begin wrapper-->
    <div id="wrapper">
        
        <!--begin toppage-->
        <?php
        include WEB_ROOT.'/application/gui/default/component/toppage.php';
        ?>
        <!--End toppage-->
        
        <!--begin header-->
        <?php
        include WEB_ROOT.'/application/gui/default/component/header.php';
        ?>
        <!--End header-->
        
        <!--begin container-->
        <div id="container">
            <!--begin left-->
            <?php
            include WEB_ROOT.'/application/gui/default/component/left_contain.php';
            ?>
            <!--End left-->
            
            <!--Begin right-->
            <div class="right">
                <div class="content-box">
					<h2>Đăng ký thành viên</h2>
					<div class="content">
                        <script type="text/javascript">
                        $(function(){
                            $("#btSubmit").click(function(){
                                if($("#txtUser").val() == ""){
                                    alert("Tên tài khoản không được để trống.");
                                    return false;
                                }                                    
                                if($("#txtPass").val() == ""){
                                    alert("Mật khẩu không được để trống.");
                                    return false;
                                }else{
                                    if($("#txtPass").val() != $("#txtRepass").val()){
                                        alert("Mật khẩu nhập lại không khớp.");
                                        return false;
                                    }
                                }                                    
                                return true;
                            });
                        });
                        </script>
					   <form id="registy" method="post" action="">
                            <div class="error">
                                <?php
                                    if(!empty($error))
                                    {
                                        echo $error;
                                    }
                                ?>
                            </div>
                            <h3 class="title-field">Thông tin tài khoản</h3>
                            <p>
                                <label>Tên tài khoản<span>*</span></label>                                
                                <input type="text" name="txtUser" class="field size1" id="txtUser"/>
                            </p>
                            <p>
                                <label>Mật khẩu<span>*</span></label>                                
                                <input type="password" name="txtPass" class="field size1" id="txtPass"/>
                            </p>
                            <p>
                                <label>Xác nhận mật khẩu<span>*</span></label>                                
                                <input type="password" name="txtRepass" class="field size1" id="txtRepass" />
                            </p>
                            
                            <h3 class="title-field">Thông tin cá nhân</h3>
                            <p>
                                <label>Họ tên của bạn</label>
                                <input type="text" name="txtFullname" class="field size2"/>
                            </p>
                            <p>
                                <label>Ngày sinh</label>
                                <select name="day" class="field size3">
                                    <option>[Ngày]</option>
                                    <?php
                                        for($i = 1; $i < 32 ; $i++)
                                        {
                                            echo "<option value='{$i}'>{$i}</option>";
                                        }
                                    ?>
                                </select>
                                <select name="month" class="field size3">
                                    <option>[Tháng]</option>
                                    <?php
                                        for($i = 1; $i < 13 ; $i++)
                                        {
                                            echo "<option value='{$i}'>{$i}</option>";
                                        }
                                    ?>
                                </select>
                                <select name="year" class="field size3">
                                    <option>[Năm]</option>
                                    <?php
                                        for($i = 1900; $i <= date("Y") ; $i++)
                                        {
                                            echo "<option value='{$i}'>{$i}</option>";
                                        }
                                    ?>
                                </select>
                            </p>
                            <p>
                                <label>Nơi bạn sống</label>
                                <input type="text" name="txtAddr" class="field size2"/>
                            </p>
                            <p>
                                <label>Email</label>
                                <input type="text" name="txtEmail" class="field size2"/>
                            </p>
                            <p>
                                <label>Phone</label>
                                <input type="text" name="txtPhone" class="field size2"/>
                            </p>
                            <h3 class="title-field">Mã kiểm tra</h3>
                            <p style="position: relative;">
                                <label>Mã kiểm tra</label>
                                <img src="css/captcha/captcha.php" />
                            </p>
                            <p>
                                <label>Nhập mã kiểm tra</label>
                                <input type="text" name="txtCaptcha" class="field size2" />
                            </p>
                            
                            <p class="buttons">
                                <label></label>
                                <input type="submit" name="btSubmit" value="Đăng ký" id="btSubmit" />
                                <input type="reset" value="Nhập lại" />
                            </p>
                       </form>
					</div>
                </div>
            </div>
            <!--End right-->
            
			<div class="clear"></div>
        </div>
        
        <!--begin footer-->
        <?php
        include WEB_ROOT.'/application/gui/default/component/footer.php';
        ?>
        <!--End footer-->
    </div>

</body>
</html>